// 轮播图样式
.index_swiper{
    swiper{
        width: 750rpx;
        height: 340rpx;
        image{
            width: 100%;
        }
    }
}
// 导航样式
.index_cate{
    display: flex;
    navigator{
        flex: 1;
        padding: 20rpx;
        image{
            width: 100%;
        }
    }
}
// 图层样式
.index_floor{
    .floor_list {
      padding: 10rpx 0;
      .floor_title {
        image {
          width: 100%;
        }
      }
      .floor_content{
        //   清除浮动
        overflow: hidden;
        navigator {
          float: left;
          width: 33.33%;
          //一组兄弟节点的倒数后四个节点
          &:nth-last-child(-n+4){
            // 原图的宽高 232*386
            // 232 / 386 = 33.33vw / h
            //第一张图的高度:
            //height: 33.33vw * 386 / 232 
            //其他图片高度
            height:calc(33.33vw * 386 / 232 /2);
            border-left: 10rpx solid #ffffff;
          }
        //   2,3两个超链接
          &:nth-child(2),
          &:nth-child(3){
            border-bottom: 10rpx solid #ffffff;
          }
          image {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }